<template>
<div class="bottom">
  <img class="big" src="https://imagev2.xmcdn.com/storages/2165-audiofreehighqps/52/6D/GKwRIDoF6Ml9AAESnAEaI6xF.png!magick=webp" alt="">
  <div class="small">
    <img class="log" src="https://imagev2.xmcdn.com/storages/72b6-audiofreehighqps/30/CE/GMCoOR8H3gffAAAQWAIAHhDF.png!magick=webp" alt="">
    <div>
      © 2014-2023 喜马拉雅 版权所有
    </div>
  </div>
</div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.bottom {
  width:375px;
  height:181px;
  position: relative;
 
  .big {
    width:100%;
    height:100%;
    position: absolute;
  }
 }
 
 .small {
  position: absolute;
  top: 12px;
  left: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #808080;
 }
  .log {
    width:102px;
    height:36px;
    margin: 22px 0;
  }


</style>